<!DOCTYPE HTML>
<head>
	<title>小米官网</title>
	<meta charset="utf-8">
	<meta name="author" content="小明">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<!-- header -->
	<div id="header">
		<div id="h_main">
			<div class="h_m_left">
				<ul>
					<li><a href="">小米网</a><span>|</span></li>
					<li><a href="">MIUI</a><span>|</span></li>
					<li><a href="">米聊</a><span>|</span></li>
					<li><a href="">游戏</a><span>|</span></li>
					<li><a href="">多看阅读</a><span>|</span></li>
					<li><a href="">云服务</a><span>|</span></li>
					<li><a href="">小米网移动版</a><span>|</span></li>
					<li><a href="">问题反馈</a><span>|</span></li>
					<li><a href="">Select Region</a><span>|</span></li>
				</ul>
			</div>
			<div class="h_m_right">
				<div class="h_m_r_login">
					<a>登录</a> | 
					<a>注册</a>
				</div>
				<div class="h_m_r_shop">
					<span class="iconfont">&#xe611;</span><span>购物车( </span>
					<span id="num">0</span> <span> )</span>
					<div class="h_m_r_s_hide">
						购物车中还没有商品，赶紧选购吧！
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--header end-->

	<!--nav start-->
	<div id="nav">
		<div class="n_logo">
			<a href=""></a>
		</div>
		<div class="n_main">
			<ul>	
				<li><a href="">小米手机</a></li>
				<li><a href="">红米</a></li>
				<li><a href="">平板</a></li>
				<li><a href="">电视</a></li>
				<li><a href="">盒子</a></li>
				<li><a href="">路由器</a></li>
				<li><a href="">智能硬件</a></li>
				<li><a href="">服务</a></li>
				<li><a href="">社区</a></li>
			</ul>
		</div>
		<div class="n_right">
			<div class="n_r_input"> <input type="text" />
			    <div class="n_r_tips">
				 	<a href="">小米手机4c</a>
					<a href="">平衡车</a>
			    </div>
			</div>
			<div class="n_r_search">&#xe63a;</div>

			<div class="n_r_hide">
				<ul>
				<li><a href="">红米 <span>约有5件</span></a></li>	
				<li><a href="">小米盒子 <span>约有5件</span></a></li>	
				<li><a href="">小米6 <span>约有5件</span></a></li>	
				<li><a href="">路由器 <span>约有5件</span></a></li>	
				<li><a href="">小米MIX <span>约有5件</span></a></li>	
				<li><a href="">红米Note <span>约有5件</span></a></li>	
				</ul>
			</div>
		</div>
	</div>
	<!--nav end-->
</body>